.text-decoration {
    text-decoration: line-through;
}

.ov {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.clear {
    content: '';
    display: block;
    clear: both;
}

.overflow-hi {
    overflow: hidden !important;
}

.flex {
    display: flex;
}

.position-r {
    position: relative;
}

.position-a {
    position: absolute;
}

.position-a-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.position-right-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.flex-align-end {
    align-items: flex-end;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-align-center {
    align-items: center;
}

.flex-direction-column {
    flex-direction: column;
}

.flex-justify-center {
    justify-content: center;
}

.flex-justify-end {
    justify-content: flex-end;
}

.flex-justify-between {
    justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-justify-evenly {
    justify-content: space-evenly;
}

/* 内间距 */
.padding-5 {
    padding: 5rpx;
}

.padding-10 {
    padding: 10rpx;
}

.padding-20 {
    padding: 20rpx;
}

.padding-30 {
    padding: 30rpx;
}

.padding-40 {
    padding: 40rpx;
}

.padding-b-5 {
    padding-bottom: 5rpx;
}

.padding-b-10 {
    padding-bottom: 10rpx;
}

.padding-b-15 {
    padding-bottom: 15rpx;
}

.padding-b-20 {
    padding-bottom: 20rpx;
}

.padding-b-30 {
    padding-bottom: 30rpx;
}

.padding-b-40 {
    padding-bottom: 40rpx;
}

.padding-b-50 {
    padding-bottom: 50rpx;
}

.padding-b-60 {
    padding-bottom: 60rpx;
}

.padding-b-70 {
    padding-bottom: 70rpx;
}

.padding-b-80 {
    padding-bottom: 80rpx;
}

.padding-b-200 {
    padding-bottom: 150rpx;
}

.padding-b-260 {
    padding-bottom: 260rpx;
}

.padding-b-300 {
    padding-bottom: 300rpx;
}

.padding-l-5 {
    padding-left: 5rpx;
}

.padding-l-10 {
    padding-left: 10rpx;
}

.padding-l-15 {
    padding-left: 15rpx;
}

.padding-l-20 {
    padding-left: 20rpx;
}

.padding-l-25 {
    padding-left: 25rpx;
}

.padding-l-40 {
    padding-left: 40rpx;
}

.padding-l-60 {
    padding-left: 60rpx;
}

.padding-r-10 {
    padding-right: 10rpx;
}

.padding-r-13 {
    padding-right: 13rpx;
}

.padding-r-15 {
    padding-right: 15rpx;
}

.padding-r-20 {
    padding-right: 20rpx;
}

.padding-r-30 {
    padding-right: 30rpx;
}

.padding-t-10 {
    padding-top: 10rpx;
}

.padding-t-15 {
    padding-top: 15rpx;
}

.padding-t-20 {
    padding-top: 20rpx;
}

.padding-t-25 {
    padding-top: 25rpx;
}

.padding-t-30 {
    padding-top: 30rpx;
}

.padding-t-40 {
    padding-top: 40rpx;
}

.padding-t-50 {
    padding-top: 50rpx;
}

.padding-t-60 {
    padding-top: 60rpx;
}

.padding-t-80 {
    padding-top: 80rpx;
}

.padding-t-200 {
    padding-top: 200rpx;
}

.paddingTopB-5 {
    padding-top: 5rpx;
    padding-bottom: 5rpx;
}

.paddingTopB-10 {
    padding-top: 10rpx;
    padding-bottom: 10rpx;
}

.paddingTopB-15 {
    padding-top: 15rpx;
    padding-bottom: 15rpx;
}

.paddingTopB-20 {
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}

.paddingTopB-25 {
    padding-top: 25rpx;
    padding-bottom: 25rpx;
}

.paddingTopB-30 {
    padding-top: 30rpx;
    padding-bottom: 30rpx;
}

.paddinglR-10 {
    padding-left: 10rpx;
    padding-right: 10rpx;
}

.paddinglR-15 {
    padding-left: 15rpx;
    padding-right: 15rpx;
}

.paddinglR-20 {
    padding-left: 20rpx;
    padding-right: 20rpx;
}

.paddinglR-25 {
    padding-left: 25rpx;
    padding-right: 25rpx;
}

.paddinglR-28 {
    padding-left: 28rpx;
    padding-right: 28rpx;
}

.paddinglR-30 {
    padding-left: 30rpx;
    padding-right: 30rpx;
}

.paddinglR-40 {
    padding-left: 40rpx;
    padding-right: 40rpx;
}

/* 外间距 */
.margin-b-10 {
    margin-bottom: 10rpx;
}

.margin-b-15 {
    margin-bottom: 15rpx;
}

.margin-b-20 {
    margin-bottom: 20rpx;
}

.margin-b-30 {
    margin-bottom: 30rpx;
}

.margin-Tb-10 {
    margin: 10rpx 0;
}

.margin-Tb-20 {
    margin: 20rpx 0;
}

.margin-Tb-30 {
    margin: 30rpx 0;
}

.margin-Tb-60 {
    margin: 60rpx 0;
}

.margin-t-20 {
    margin-top: 20rpx;
}

.margin-t-30 {
    margin-top: 30rpx;
}

.margin-t-40 {
    margin-top: 40rpx;
}

.margin-r-10 {
    margin-right: 10rpx;
}

.margin-r-15 {
    margin-right: 15rpx;
}

.margin-r-20 {
    margin-right: 20rpx;
}

.margin-r-25 {
    margin-right: 25rpx;
}

.margin-r-30 {
    margin-right: 30rpx;
}

.margin-r-50 {
    margin-right: 50rpx;
}

.margin-l-10 {
    margin-left: 10rpx;
}

.margin-lr-30 {
    margin-right: 30rpx;
    margin-left: 30rpx;
}

.margin-lr-20 {
    margin-right: 20rpx;
    margin-left: 20rpx;
}

.box-sizing {
    box-sizing: border-box;
}


/* 字体 */

.font-size-15 {
    font-size: 15rpx !important;
}

.font-size-16 {
    font-size: 16rpx;
}

.font-size-18 {
    font-size: 18rpx !important;
}

.font-size-20 {
    font-size: 20rpx !important;
}

.font-size-22 {
    font-size: 22rpx !important;
}

.font-size-24 {
    font-size: 24rpx !important;
}

.font-size-26 {
    font-size: 26rpx !important;
}

.font-size-28 {
    font-size: 28rpx;
}

.font-size-27-5 {
    font-size: 27.5rpx;
}

.font-size-27 {
    font-size: 27rpx;
}

.font-size-30 {
    font-size: 30rpx;
}

.font-size-32 {
    font-size: 32rpx;
}

.font-size-36 {
    font-size: 36rpx;
}

.font-size-38 {
    font-size: 38rpx;
}

/* 字体颜色 */
.color-red {
    color: #E93C42 !important;
}

.color-white {
    color: white !important;
}

.color-or {
    color: #ff6400;
}

.color-block2 {
    color: #303133;
}

.color-or2 {
    color: #72492F;
}

.color-or3 {
    color: #ff9d17;
}

.color-gr {
    color: #33cc33;
}

.color-grey {
    color: #9E9E9E;
}

.color-grey2 {
    color: #A8A8A8;
}

.color-grey3 {
    color: #757575;
}

.color-grey4 {
    color: #303133;
}

.color-grey5 {
    color: #999;
}

.color-grey6 {
    color: #c0c4cf;
}

.color-ye {
    color: #ffcc00;
}

.color-block {
    color: black !important;
}

.color-blue {
    color: #3B54AD;
}

.b-color-red {
    background-color: #b22420;
}

.b-color-blue {
    background-color: #2b76b0;
}

.b-color-grey {
    background-color: #F5F5F5;
}

.b-color-grey2 {
    background-color: #bbbb;
}

.b-color-block {
    background-color: black;
}

.b-color-white {
    background-color: white !important;
}

.b-color-green {
    background-color: #33cc33;
}

.bg-green-rbga-1 {
    background-color: rgba(50, 204, 51, .3);
}

.bg-color-purple {
    background-color: #9898ff;
}

.b-color-ye {
    background-color: #ffcc00;
}

.b-color-red2 {
    background-color: #fe0000;
}

.b-color-or {
    background-color: #FA2C19;
}

.b-color-or2 {
    background-color: #ff6600 !important;
}

.b-color-or3 {
    background-color: #ff9d1e !important;
}

.b-color-gr {
    background-color: #33cc34 !important;
}

.b-color-gr2 {
    background-color: #d6f5d6;
}

.b-color-gr3 {
    background-color: #9bef4d;
}

.b-color-grey {
    background-color: #b5b5b5;
}

.b-color-blue1 {
    background-color: #043c9d;
}

.b-color-blue2 {
    background-color: #a2d5f0;
}

.b-color-or-o {
    background-color: rgba(250, 44, 25, .2);
}

.text-align {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-indent {
    text-indent: 50rpx;
}

.font-weight {
    font-weight: bold;
}

.box-sizing {
    box-sizing: border-box;
}

.border {
    border: 1px solid #dbdbdb;
}

.border-bottom {
    border-bottom: 1px solid #dbdbdb;
}

.border-dashed {
    border: 1px dashed #dbdbdb;
}

.border-dashed-bottom {
    border-bottom: 1px dashed #dbdbdb;
}

.border-top {
    border-top: 1px solid #dbdbdb;
}

.border-radius-5 {
    border-radius: 5rpx;
}

.border-radius-10 {
    border-radius: 10rpx;
}

.border-radius-13 {
    border-radius: 13rpx;
}

.border-radius-15 {
    border-radius: 15rpx;
}

.border-radius-20 {
    border-radius: 20rpx;
}

.border-radius-30 {
    border-radius: 30rpx;
}

.border-radius-50 {
    border-radius: 50%;
}

.itemBar image {
    width: 28rpx;
    height: 28rpx;
}


/* radio 样式的修改 */
checkbox .wx-checkbox-input {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
    border-color: #FA2C19 !important;
    background: #FA2C19 !important;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}

radio .wx-radio-input {
    border-radius: 50%;
    width: 20px;
    height: 20px;
}

radio .wx-radio-input.wx-radio-input-checked {
    border-color: #FA2C19 !important;
    background: #FA2C19 !important;
}

radio .wx-radio-input.wx-radio-input-checked::before {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background: transparent;
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}

/* 通用优惠券样式 */
/* 优惠券样式 */
.coupon_list_box {
    /* padding: 65rpx 0 130rpx; */
}

.coupon_list {
    margin: 40rpx 30rpx 0;
    background: #fff;
    height: 150rpx;
    border-left: 2rpx solid #ff3333;
    border-radius: 2rpx;
    overflow: hidden;
    padding-left: 165rpx;
    padding-right: 220rpx;
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .1);
}

.coupon_value {
    width: 165rpx;
    height: 150rpx;
    float: left;
    color: #ff3333;
    text-align: center;
    margin-left: -165rpx;
    float: left;
}

.coupon_amount {
    line-height: 48rpx;
    font-size: 48rpx;
    display: block;
    text-align: center;
    padding: 35rpx 0 10rpx;
}

.coupon_amount label {
    font-size: 20rpx;
    line-height: 20rpx;
}

.coupon_name {
    font-size: 24rpx;
    line-height: 30rpx;
    display: block;
    text-align: center;
}

.coupon_left {
    width: 100%;
    float: left;
    overflow: hidden;
}

.coupon_detail_txt {
    width: 100%;
    font-size: 28rpx;
    line-height: 28rpx;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 32rpx;
}

.coupon_detail_describe {
    width: 100%;
    font-size: 22rpx;
    line-height: 22rpx;
    color: #ff3333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 12rpx 0 10rpx;
}

.coupon_detail_date {
    width: 100%;
    font-size: 20rpx;
    line-height: 20rpx;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.coupon_right {
    width: 210rpx;
    float: right;
    height: 100%;
    border-left: 1px dashed #d7d7d7;
    margin-right: -220rpx;
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    position: relative;

}

.coupon_right::before {
    content: '';
    width: 20rpx;
    height: 20rpx;
    background: #fff;
    position: absolute;
    top: -10rpx;
    left: -10rpx;
    border-radius: 20rpx;
}

.coupon_right::after {
    content: '';
    width: 20rpx;
    height: 20rpx;
    background: #fff;
    position: absolute;
    bottom: -10rpx;
    left: -10rpx;
    border-radius: 20rpx;
}

.coupon_btn {
    width: 160rpx;
    height: 60rpx;
    line-height: 60rpx;
    font-size: 28rpx;
    color: #fff;
    text-align: center;
    border-radius: 60rpx;
    background: #ff3333;
}

.coupon_btn.gray {
    background: #ddd;
}

.empty {
    width: 100%;
    position: fixed;
    top: 45%;
}

.empty text {
    font-size: 30rpx;
    color: #8b4712;
    text-align: center;
    display: block;
    margin: 20rpx 0;
}

.get_coupon {
    font-family: "微软雅黑";
    width: 100%;
    height: 100rpx;
    line-height: 100rpx;
    background: #fff;
    font-size: 30rpx;
    color: #000;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0px 15px 10px -15px rgba(0, 0, 0, .35);
}

.bottomtext {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20rpx 20rpx 60rpx;
    box-sizing: border-box;
    z-index: 1000000;
}

/* 金钱字体 */
.font-money {
    font-family: var(--card-price-font-family, Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif);
}

.border {
    border: 1px solid #ccc;
}

.border-or {
    border: 1px solid #ff3333;
}

.buttons {
    width: 100%;
    border-radius: 50rpx;
    background-image: linear-gradient(to right, #F98D2A, #FA2C19);
}

.u-tabbar__content {
    padding-bottom: 15rpx !important;
}

page {
    /* background-color: red; */
    background-color: #F5F5F5;
    font-size: 28rpx;
    height: 100%;
}

/*文字超出隐藏 显示...*/
.hidden_text {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hidden_text2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.content {
    // padding-bottom: 120rpx;
}

.common-button {
    position: fixed;
    padding: 20rpx;
    margin-bottom: 20rpx;
    bottom: 0;
    left: 0;
    width: 100%;
}

.wrap-text {
    white-space: pre-wrap
}

.radio-css {
    .radio-group {
        width: 50rpx;
        height: 50rpx;
    }

    .black {
        background-color: black;
    }

    .white {
        background-color: white;
    }

    .yellow {
        background-color: yellow;
    }

    .purple {
        background-color: purple;
    }

    .red {
        background-color: red;
    }

    .blue {
        background-color: blue;
    }

    .orange {
        background-color: orange;
    }

    .green {
        background-color: green;
    }
}

.clothing-color {
    width: 60rpx;
    height: 60rpx;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    border: 1px solid #ccc;
}